*{margin:0; padding:0;}
body { font: 0.9em Sans-Serif; color: #444; background: white; line-height: 1.3em; min-width: 600px; }
a { text-decoration: none; color: #7a96cd; outline:0; }
p { margin: 10px 0 4px; }
img {z-index: 1000;}
input {border-radius: 4px; border: 1px solid #aaaaaa; background: #ffffff; color: #222222; padding:2px;}
textarea {border-radius: 3px; padding: 1px;}
label {word-wrap:break-word;}

/* Tabula */
table.tabula {
	margin: 0 auto;
	clear: both;
	width: 100%;
	font: normal 11px Sans-Serif;
}

table.tabula th,
table.tabula thead td {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.tabula tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.tabula td { padding: 3px 10px; cursor: default; }

table.tabula td.center {
	text-align: center;
}

table.tabula thead td button {
	height: 1.3em;
}

.tabula thead {position:fixed; z-index: 90; min-height: 21px; background:white;}
/*.tabula tbody tr:first-child > td {border-top: 21px solid white;}*/

.ui-widget-content table.tabula td a {
	color: #088;
	font-weight: bold;
}

.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

h3 { display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

h3.default {border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/images/jquery_css_images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555; padding-left: 2.2em;}

span.active {background-image: url(/images/jquery_css_images/ui-icons_888888_256x240.png); background-position: -32px -16px;}

h3.active {border: 1px solid #aaaaaa;
	background: #ffffff url(/images/jquery_css_images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121; padding-left: 2.2em;}	


#header { width: 100%; height: 64px; background: white; position:fixed; z-index: 99}
#logo {
	width: 185px; height:60px; float: left; margin-bottom: -10px;
	margin-left: 10px; background: url('/images/logo.png') no-repeat;
}

#search_form { width: auto; padding-top: 11px; }
.on_top {position:fixed; z-index: 90; width: 100%;}

#start_page { margin: 0; padding: 0 5%; top: 80px; position: relative; }
#start_page > div {
	margin-bottom: 32px; padding: 10px; background: #f4f4f4;
	border-radius: 8px; display: inline-block; width: 95%;
}
#start_page h1 { font-size: 22px; margin-bottom: 6px; }

@media (min-width: 800px) {
	#start_page {-moz-column-count:2; -webkit-column-count:2; column-count:2}
}
@media (min-width: 1200px) {
	#start_page {-moz-column-count:3; -webkit-column-count:3; column-count:3}
	#start_page > div { width: 90%; }
}

#protocols_tile img {
	top: 2px;
	position: relative;
}

.hidden {display: none;}

#toolbar { float:right; margin: 18px 10px 0px 0px; z-index: 150; }
#toolbar * { display: inline-block; }
#new_item_button { margin-left: 10px; }
#edit_item_button { margin-left: 2px; }
#protocol_button { display: inline-block; margin-left: 4px; }

ul { margin: 0 0 10px 20px; }
li.nested { margin-left: 20px; }

.ui-button-text { font-size: 12px; }
.ui-menu-item { font-size: 12px; }
.ui-menu-item a { width: 90%; }

th { font-weight: bold; padding: .3em 1em; text-align: center; }
tr { padding: .3em 1em; text-align: center; }
td { padding: .3em 1em; text-align: center; }

#search_results { clear: both; width: 100%; margin-bottom: 3em; padding: 0; padding-top: 64px}

.editable input { font: 11px Sans-Serif; width: 100%; border: 0; padding: 0; margin: 0; background-color: transparent; text-align: center; }

#expr_cancel.ui-state-default.ui-button {background: #FF7373;}
#expr_finish.ui-state-default.ui-button {background: #6cbb6b;}
#expr_home.ui-state-default.ui-button {background: #B0BED9;}

.experiment_wrapper {
	width: 40%; 
	margin-right: auto; 
	margin-left: auto; 
	border: solid 1px grey; 
	border-radius: 4px;
	display: none; 
	position: fixed; 
	bottom: -2px; 
	left: 30%;
	background: white;
}

#protocol_drawer { display: none; width: 100%; }
#protocol_drawer.start_experiment{padding-top: 1.5em;}
.expr_button {display:none; float:right; margin-right: 1em; margin-top: 2em;}
.ui-button-icon-secondary.ui-icon.home-icon {
	background-image: url(/images/jquery_css_images/ui-icons_2e83ff_256x240.png); 
	background-position: -64px -144px;
}
.ui-button-icon-secondary.ui-icon.cancel-icon {
	background-image: url(/images/jquery_css_images/ui-icons_2e83ff_256x240.png);
	background-position: -96px -128px;
}
#protocol_title {display: inline-block; width: 100%; height: 35px; border-bottom: 1px solid grey; }
#protocol_title p { cursor: pointer; display: inline-block; font-size: 1.45em; margin-left: 15px;}
.protocol_icon {float: right; padding: 6px 1px;}
#protocol_details {display: none; width: 150px; border: 1px solid #fcefa1;
	background: #fbf9ee url(/images/jquery_css_images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636; }
#protocol_settings { width: 100%; padding-bottom: 20px; margin-left: 20px;}
.protocol_padding {padding-bottom: 20px;}
#protocol_settings input {border:0;}
.slider {width: 200px;}
#protocol_settings label {margin-left: 5px; margin-right: 5px;}
#settings_left {width: 50%; float:left; padding-left: 1em; }
#settings_right {overflow: hidden; padding-left: 1em; }

.experiment_button_div {margin-left: .5em;}

.tabula tr.odd { background-color: #f2f2f2; }
.tabula tr.even { background-color: white; }
.tabula tr.red td { background-color: #FF8080; }
.tabula tr.odd.red td { background-color: #FF4D4D; }
.tabula tr.row_selected td { background-color: #B0BED9; }
.tabula tr.odd.row_selected td { background-color: #9FAFD1; }
.tabula tr.red.row_selected td { background-color: #B0BED9; }
.tabula tr.odd.red.row_selected td { background-color: #9FAFD1; }
.tabula tr.invalid td { background-color: white; color: #DEDEDE; }
.tabula tr.odd.invalid td { background-color: #f2f2f2; color: #DEDEDE; }


.ui-button .ui-icon.add_button_icon {background-image: url('/images/Button-Add-icon.png'); background-size: contain}
.ui-button .ui-icon.xls_button_icon {background-image: url('/images/xls.png'); background-size: contain}
.ui-button .ui-icon.tsv_button_icon {background-image: url('/images/txt_file.png'); background-size: contain}
.ui-button .ui-icon.column_button_icon {background-image: url('/images/table_select_column.png'); background-size: contain}
.ui-menu { position: absolute; width: 100px; z-index: 10000; }

#table_menu_button{ background: transparent; border: 0;}

/*Edit items dialog*/
.ui-dialog-titlebar {display: none;}
label.label {width: 40%; float: left; text-decoration: inherit; font-size: .9em}
label.block {display: block; float: none; width: 100%; font-size: .9em;}
fieldset {margin: 10px 0px; border: 0px; clear:both;}
legend {font-weight: bold; margin-bottom: 10px}
.attr_textarea {word-wrap: break-word; overflow: hidden; width: 59%; resize: none; line-height: 16px; text-decoration: inherit; margin-top: auto; margin-bottom: auto;}
.attr_textarea.wide {width: 93%;}
.attr_textarea .ui-widget select, .ui-widget textarea, .ui-widget button{font-size: .8em;}
#dialog_edit_items h1 { font-size: 18px; margin-bottom: 10px; }
.dialog_edit_items_attr_container {clear: both; margin-top: .3em;}
.edit_info {
	font-size: .7em; 
	max-width: 300px;
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/images/jquery_css_images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
	padding: 2px;
}

textarea.big {width: 100%; height: 100%;}

.grey {color: #BFBFBF;}
.transparent {opacity: 0.1;}
.inline {display: inline-block;}
.disable{ display: none;}
.no-margin{margin: 0;}
.no-resize{resize: none;}
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.noSize {width:0px; height:0px; visibility:hidden;}

#add_attr_auto { height: 1em; }
#add_attr_button {width: 1.6em; height: 1.6em; margin-left: 5px; margin-top: .4em;} 
.ui-autocomplete {max-height: 120px; overflow-y: auto; overflow-x: hidden;}

input, select {padding: 3px; border: 1px solid #DDDDDD; font-size: 0.8em;}
select {margin-left: 5px;}
input:hover {border:1px solid #cccccc;}

#selected_protocol_instr {margin-left: 6em; display:none; clear:both; }
#selected_protocol_instr pre {display:none; clear:both; }
#selected_protocol_instr p {cursor:pointer;}
#protocol_instr_triangle {margin: 0}

#dialog_add_excel form {width:250px; margin-top: .3em; }
#dialog_add_excel p {margin:0px;}

.add_item_amount {display: inline-block; float: right; margin: .5em .6em 0 0;}
.add_item_amount label {font-size: 0.8em}

#protocol_tabs .ui-widget-header {background: none; border: none;}
#protocol_tabs.ui-widget-content {background: none; border: none;}

#search {
	width: 100%;
	padding: 0 9px;
	margin: 0;
	height: 30px;
	border: 1px solid #a4c3ca;
	font: normal 16px 'trebuchet MS', arial, helvetica;
	background: white;
	
	-moz-border-radius: 50px 3px 3px 50px;
	 border-radius: 50px 3px 3px 50px;
	 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            
}


#search_submit {
	background: #6cbb6b;
	background-image: -moz-linear-gradient(#95d788, #6cbb6b);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
	
	-moz-border-radius: 3px 50px 50px 3px;
	border-radius: 3px 50px 50px 3px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #7eba7c #578e57 #447d43;
	
	 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   		

	height: 32px;
	margin: 0;
    padding: 0;
	width: 90px;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #23441e;
	
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#bin_counters {display: inline-block; position: relative; top: -4px; margin-left: 10px;}

.bin_counter {
	width: 28px; height: 28px; margin: 0px 5px;
	text-align: center; font-size: 20px; vertical-align: middle;
	line-height: 28px;
	background: url('/images/item_types/default_red.png') no-repeat;
	background-size: cover;
	display: inline-block;
}
.bin_counter .ok {
	background: url('/images/item_types/default_green.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Tissue"] {
	background: url('/images/item_types/tissue_red.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Tissue"].ok {
	background: url('/images/item_types/tissue_green.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Patient"] {
	background: url('/images/item_types/patient_red.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Patient"].ok {
	background: url('/images/item_types/patient_green.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Primer"] {
	background: url('/images/item_types/patient_red.png') no-repeat;
	background-size: cover;
}
.bin_counter[data-type="Primer"].ok {
	background: url('/images/item_types/patient_green.png') no-repeat;
	background-size: cover;
}

#search_results { 
    background: transparent; 
    border: none; 
} 
#tab_bar { 
    background: white; 
	font-family: Verdana,Arial,sans-serif;
    border: none;
	padding: 0;
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    height: 36px;
	font-size: 100%;
	display: block;
	/*height: 36px;*/
}

#tab_content {
	padding: 37px 0 0 0;
}

#tab_bar > li { 
    background: transparent; 
	/*height: 36px;*/
    border: none; 
	float: none;
	padding: .6em 1em;
	display: inline-block;
	font-size: 16px;
	color: #bbbbbb;
	cursor: pointer;
	margin-bottom: -1px;
} 
#tab_bar > li.active { 
    background: transparent url(/images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
    color: #7a96cd; 
}

#tab_bar > li.last {
	background: transparent url(/images/uiTabsLastArrow.png) no-repeat right center;
	padding-right: 1.5em;
}

.download_wrapper {float:right; margin-top: .2em; margin-right: .7em;}
.download .ui-button-text {color: #7a96cd; font-weight: 700; padding: .4em .6em;}

#protocol_linker_type{
	width: 30%;
	float: left;
	display: inline-block;
}
#protocol_linker_attribute{
	display: inline-block;
	margin-left: 10px;
	width: 68%;	
}

.simpleMenuContainer {
	z-index: 150;
	width: 250px;
	max-height: 500px;
	list-style-type: none;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	position: fixed;
}

.simpleMenu_sub {
	margin: 0 0 0 5px;
	max-height: 450px;
	overflow: auto;
	max-width: 249px;
	clear: both;
	padding-bottom: 10px;
}

.simpleMenu_sub li {
	max-width: 250px;
	color: #555555;
	display: block;
	cursor: pointer;
	text-decoration:none;
}

.simpleMenu_sub li a{
	font-weight: bold;
}


.simpleMenu_sub li:hover {
	background:#7a96cd;
	color: #FFFFFF;
	text-decoration: none;
}

.simpleMenu_sub li label {
	margin: 0;
}

.simpleMenu_sub li img {
	vertical-align: middle;
	margin-bottom: 2px;
}

.simpleMenuContainer .breadcrumb_container {
	border: 1px solid #aaaaaa;
	border-radius: 6px 6px 0 0;
	background: #EBEBEB url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	list-style: none;
	margin: 0 0 5px;
	height: 20px;
}

.breadcrumb_container li {
	display: inline-block;
	font-weight: bold;
}

.breadcrumb_container .breadcrumb_icon{
	float: right; opacity: 0.3;
}

.breadcrumb_container li span.ui-icon {
	display: inline-block;
	position: relative;
	top: 3px;
}

#dialog_microscope { overflow: hidden; }